<template>
    <div class="container">
        <header>
            <i></i><span>智能定位预警系统平台</span>
        </header>
        <div class="login-box">
            <login-box></login-box>
        </div>
    </div>
</template>
<script>
    import loginBox from 'c/login/login_box'
    export default{
       components:{
           loginBox
       }
    }
</script>
<style lang="scss" scoped>
    .container{
        position:relative;
        top:50%;
        width:100%;
        height:580px;
        transform:translateY(-50%);
        background:url(./img/login_back.jpg) center no-repeat;
        background-size:100%;
    header{
        position:relative;
        height:60px;
        width:1200px;
        margin:0 auto;
        line-height: 60px;
        top: -60px;
        i{
            margin-left:24px;
            vertical-align: middle;
            display:inline-block;
            width:40px;
            height:40px;
            background:url(./img/logo-new.png) center no-repeat;
            background-size:contain;
        }
        span{
            margin-left:10px;
            font-size: 20px;
            color: #3B4144;
        }
    }
    .login-box{
           width:1200px;
           margin:-60px auto 0 auto;
           height:580px;
    }
    }
</style>